<template>
  <view style="padding: 20rpx; font-size: 26rpx">
    <view
      class=""
      v-for="(item, index) in list"
      :key="index"
      style="
        background-color: #fff;
        margin-bottom: 20rpx;
        padding: 20rpx;
        border-radius: 10rpx;
      "
    >
      <view>
        <view class="userIn">
          <view style="font-weight: bold;"> 提现 </view>
          <view class="userInmoy"> +{{ item.extract_money }} </view>
        </view>
        <view class="userOut">
          <view> {{ item.create_time }} </view>
          <view> 余额 {{ item.extract_money }}</view>
        </view>
      </view>
      <!-- <view class="" style="display: flex;justify-content: space-between;border-bottom: 1rpx solid gray">
				<text>申请时间：{{item.create_time}}</text>
				<text v-if="item.status==0" style="color: darkgray;">待审核</text>
				<text v-if="item.status==1" style="color: green;">审核通过</text>
				<text v-if="item.status==-1" style="color: red;">未通过</text>
			</view>
			<view class="" style="padding: 10rpx;">
				<view class="" style="display: flex;justify-content: space-between;">
					<text>管理员姓名：{{item.mer_admin_id}}</text>
					<text>到账状态：{{item.financial_status? '已到账':'未到账'}}</text>
				</view>
				<view class="" style="display: flex;justify-content: space-between;">
					<text>转账金额：{{item.extract_money}}</text>
					<text>收款方式：支付宝</text>
				</view>
				<view class="" style="display: flex;justify-content: space-between;">
					<text>账户余额（元）：{{item.mer_money}}</text>
				</view>
			</view>
			<view class="" style="border-top:1rpx solid gray ;">
				备注：{{item.mark||'-'}}
			</view> -->
    </view>
    <view
      class=""
      style="
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400rpx;
        width: 750rpx;
      "
      v-if="list.length == 0"
    >
      暂无数据
    </view>
  </view>
</template>

<script>
import { getwithdrawalListApi } from "@/api/product";
export default {
  data() {
    return {
      mer_id: "",
      page: 1,
      list: [],
    };
  },
  onLoad(options) {
    this.mer_id = options.mer_id;
    this.getwithdrawalList();
  },
  methods: {
    getwithdrawalList() {
      var that = this;
      const params = {
        page: that.page,
        limit: 10,
      };
      getwithdrawalListApi(this.mer_id, params).then((res) => {
        that.list = res.data.list;
        console.log(that.list);
      });
    },
  },
};
</script>

<style lang="scss">
.userIn {
	margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
.userInmoy{
	font-weight: bold;
	font-size: 35rpx;
	color: #BD3124;
}
}
.userOut {
  margin: 30rpx 0;
  display: flex;
  
  justify-content: space-between;
}
</style>
